@charset "UTF-8";
/**
 * 优惠券CSS样式文件
 * @authors 靓崑
 * @date    2015-07-03 09:10:02
 * @version $Id$
 */
body{max-width: 720px; margin: 0 auto; width: 100%;}
p{margin: 0;}
/* 个人中心我的优惠券 */
#user_coupon{width: 100%; height: auto; float: left; margin-bottom: 0.728rem;}
#user_coupon .top{float: left; width: 100%; height: auto; background-color: #ffbb76; margin: 0 auto;}
#user_coupon .top h1{float: left; font-size: 0.13rem; line-height: 0.27rem; text-align: center; width: 100%; color: #fff9f4; font-weight: normal;}
#user_coupon .content{float: left; width: 100%; height: auto;}
#user_coupon .content .now_in{float: left; width: 100%; height: 0.355rem; background-color: #f2f2f2; font-size: 0.12rem; line-height: 0.355rem; color: #313131; text-indent: 0.097rem; margin-top: 0.071rem;}
#user_coupon .content .about_to_begin{float: left; width: 100%; height: 0.355rem; background-color: #f2f2f2; font-size: 0.12rem; line-height: 0.355rem; color: #313131; text-indent: 0.097rem; margin-top: 0.071rem;}
#user_coupon .content .triangle{float: left; width: 100%; height: 5px; background: url(../images/user_coupon_triangle.png) repeat-x;}
#user_coupon .content .comment_part{width: 2.943rem; height: 1.254rem;  margin: 0 auto; margin-top: 0.107rem; position: relative; float: left; margin-left: 0.129rem;}
#user_coupon .content .comment_part img{width: 2.943rem; height: 1.254rem;}
#user_coupon .content .comment_part h1{position: absolute; font-size: 0.151rem; top: 0.182rem; left: 0.187rem; color: #eff5f1;}
#user_coupon .content .comment_part .p1{position: absolute; font-size: 0.102rem; top: 0.422rem; left: 0.187rem; color: #eff5f1;}
#user_coupon .content .comment_part .p2{position: absolute; font-size: 0.106rem; bottom: 0.142rem; left: 0.187rem; color: #eff5f1; line-height: 0.195rem;}
#user_coupon .content .comment_part .p3{position: absolute; font-size: 0.115rem; top: 0.191rem; right: 0.191rem; color: #eff5f1;}
#user_coupon .empty_vouchers{float: left; width: 100%; height: auto;}
#user_coupon .empty_vouchers .empty_content{width: 2.933rem; height: auto;  margin: 0 auto;}
#user_coupon .empty_vouchers .empty_content img{width: 0.987rem; height: 1.231rem; margin-left: 1.031rem; margin-top: 0.72rem; float: left;}
#user_coupon .empty_vouchers .empty_content p{float: left; width: 100%; text-align: center; font-size: 0.115rem; color: #a3a3a3; line-height: 0.231rem; margin-top: 0.266rem;}
#user_coupon .empty_vouchers .empty_content a{float: left; width: 1.84rem; height: 0.324rem; line-height: 0.324rem; text-align: center; font-size: 0.124rem; color: #585858; margin-top: 0.653rem; margin: 0.653rem 0 0 0.533rem; border: 2px solid #8f8f8f; border-radius: 50px;}

/* 使用说明页面 */
.explain{float: left; width: 3.2rem; height: auto;}
.explain img{float: left; width: 3.2rem; height: auto;}

#user_head .top .box .my_coupon{position: absolute; right: 15px; line-height: 48px; color: #a21c23; font-size: 16px;}

/* 点击领取奖金 */
.receive{float: left; width: 100%; height: auto; margin-bottom: 1rem;}
.receive .top{float: left; width: 100%; height: auto; position: relative;} 
.receive .top img{float: left; width: 100%; height: 0.831rem;}
.receive .top h2{position: absolute; font-size: 0.151rem; color: #eff5f1; top: 0.34rem; left: 0.311rem;}
.receive .top span{position: absolute; font-size: 0.097rem; color: #eff5f1; bottom: 0.133rem; left: 0.311rem;}
.receive .content{width: 3.004rem; height: auto; margin: 0 auto;}
.receive .content .date{float: left; width: 100%; font-size: 0.106rem; color: #585858; font-family: "SYHT"; line-height: 0.395rem; border-bottom: 1px solid #e5e5e5; text-indent: 0.03rem;}
.receive .content .click_part{float: left; width: 100%; height: 1.884rem; border-bottom: 1px solid #e5e5e5;}
.receive .content .click_part .circle{float: left; width: 1.155rem; height: 1.155rem; position: absolute; border-radius: 50%; background: #e5e5e5; margin: 0.355rem 0 0 0.924rem;}
.receive .content .click_part .circle .bottom{position: absolute; width: 0.862rem; height: 0.248rem; top: 0.906rem; left: 0.15rem;}
.receive .content .click_part .number{float: left; width: 100%; font-size: 0.106rem; color: #a3a3a3; text-align: center; margin-top: 1.6rem; font-family: "SYHT";}
.receive .content .click_part .circle .pie_left,.pie_right{width: 1.155rem; height: 1.155rem; position: absolute; top: 0rem; left: 0rem; }
.receive .content .click_part .circle .pie_left{clip:rect(0,0.577rem,auto,0);}
.receive .content .click_part .circle .pie_right{clip:rect(0,auto,auto,0.577rem);}
.receive .content .click_part .circle .pie_left .left{width: 1.155rem; height: 1.155rem; background:#009944; border-radius: 50%; position: absolute; top: 0; left: 0; clip:rect(0,0.577rem,auto,0); float: none;}
.receive .content .click_part .circle .pie_right .right{width: 1.155rem; height: 1.155rem; background:#009944; border-radius: 50%; position: absolute; top: 0; left: 0; clip:rect(0,auto,auto,0.577rem); float: none;}
.receive .content .click_part .circle .mask{width: 0.968rem; height: 0.968rem; border-radius: 50%; left: 0.0935rem; top: 0.0935rem; background: #FFF; position: absolute;}
.receive .content .click_part .circle .mask .btn{width: 0.8rem; height:  0.8rem; border-radius: 50%; left: 0.084rem; top: 0.084rem; background: #f95b01; position: absolute; font-size: 0.124rem; color: #fef2ef; text-align: center; line-height: 0.8rem; cursor: pointer;}
.receive .content .click_part .circle .mask .btn2{background-color: #ff4c00;}
.receive .content .introduction{float: left; width: 100%; height: 1.155rem; border-bottom: 1px solid #e5e5e5;}
.receive .content .introduction p{float: left; margin: 0.088rem 0 0 0.133rem; font-size: 0.106rem; color: #585858; line-height: 0.195rem;}

/* 弹窗部分 */
.full_screen{position: fixed; width: 100%; height: 100%; z-index: 111111111; top: 0rem; left: 0rem; background: rgba(113, 113, 113, 0.5);}
.popup{position: fixed; width: 2.755rem; height: 1.466rem; background-color: #a7252a; top: 50%; margin-top: -0.733rem; left: 50%; margin-left: -1.3775rem; z-index: 111111112; border-radius: 0.03rem;}
.popup img{position: absolute; width: 0.688rem; height: 0.377rem; left: 0.417rem; top: 0.382rem;}
.popup h2{position: absolute; font-size: 0.097rem; color: #fff; left: 0.65rem; top: 0.43rem;}
.popup .text{position: absolute; font-size: 0.195rem; color: #fff; left: 1.7rem; top: 0.3rem;}
.popup .text2{position: absolute; font-size: 0.124rem; color: #fff; left: 1.5rem; top: 0.65rem;}
.popup .text2 span{color: #ec8f03;}
.popup .ok{position: absolute; width: 100%; height: 0.355rem; background-color: #fff; text-align: center; line-height: 0.355rem; font-size: 0.146rem; color: #cc0000; bottom: 0rem; cursor: pointer;}